<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title> ModularAdmin - Free Dashboard Theme | HTML Version </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <!-- Place favicon.ico in the root directory -->
    <link rel="stylesheet" href="../css/vendor.css">
    <!-- Theme initialization -->
    <script>
        var themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
            {};
        var themeName = themeSettings.themeName || '';
        if (themeName)
        {
            document.write('<link rel="stylesheet" id="theme-style" href="../css/app-' + themeName + '.css">');
        }
        else
        {
            document.write('<link rel="stylesheet" id="theme-style" href="../css/app.css">');
        }
    </script>
    <script type="text/javascript" src="../js/wangEditor.min.js"></script>
    <script src="../js/jquery-3.3.1.js"></script>
</head>
<body>
<div class="col-md-6">
    <div class="card card-block sameheight-item">
        <div class="title-block">
            <h3 th:if="${type} eq '2'" class="title"> 新增新闻 </h3>
            <h3 th:if="${type} eq '1'" class="title"> 修改新闻 </h3>
        </div>
        <form role="form" id="form1">
            <input name="id" type="text" hidden="hidden" th:value="${news.id}" class="form-control underlined"> </div>
            <div class="form-group">
                <label class="control-label">新闻标题</label>
                <input name="title" type="text"  th:value="${news.title}" class="form-control underlined"> </div>
            <div class="form-group">
                <label class="control-label">摘要</label>
                <input name="summary" type="text"  th:value="${news.summary}" class="form-control underlined"> </div>
            <div class="form-group">
                <label class="control-label">内容</label>
                <input style="width: 0px;height: 0px" id="ed" name="content" th:value="${news.html}" type="text"  class="form-control underlined">
                <div id="content"  class="form-control underlined">
                    <p  th:value="${news.content}"></p>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label">作者</label>
                <input name="author" type="text"  th:value="${news.author}" class="form-control underlined"> </div>
            <div class="form-group">
                <label class="control-label">类型</label>
                <select name="type"  th:value="${news.type}">
                    <option value="1">新闻</option>
                    <option value="2">推广信息</option>
                </select> </div>
            <div class="form-group">
                <label class="control-label">图片</label>
                <input style="width: 0px;height: 0px" id="image"  th:value="${news.image}" name="image" type="text"  class="form-control underlined">
                <input id="file" name="file"  type="file"  class="form-control underlined" >
                <img id="img" name="img" th:src="${news.image}">
            </div>

            <button type="button" class="btn btn-primary-outline" onclick="addNews()">完成</button>
        </form>
    </div>
</div>

<script type="text/javascript">
    function addNews(){

        jQuery.ajax({
            dataType:'json',
            type:'post',
            async:false,
            url:"../bumng/addNews.do",
            data:$('#form1').serialize(),
            success:function(data){

                if(data.bizSucc){
                    window.opener.location.href = window.opener.location.href;
                    window.close();
                }else{
                    alert(data.msg);
                }


            },

            error : function(data) {
                alert(data);
            }
        });
    }

</script>
<script type="text/javascript" th:inline="javascript">


    var E = window.wangEditor
    var editor = new E('#content')

    // 配置服务器端地址
    //本地配置
    //ip路径需与访问ip一致,要么同为localhost ,要么同为ip地址
    editor.customConfig.uploadImgServer = 'http://120.79.249.39:9999/photo/wangEditorUpload'
    editor.customConfig.uploadFileName = 'photo'


    // 进行下文提到的其他配置

    // 将图片大小限制为 3M
    editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024

    // 限制一次最多上传 5 张图片
    editor.customConfig.uploadImgMaxLength = 5

    //处理返回数据
    editor.customConfig.uploadImgHooks = {
        before: function (xhr, editor, files) {
            // 图片上传之前触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，files 是选择的图片文件

            // 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
            // return {
            //     prevent: true,
            //     msg: '放弃上传'
            // }
        },
        success: function (xhr, editor, result) {
            // 图片上传并返回结果，图片插入成功之后触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
        },
        fail: function (xhr, editor, result) {
            // 图片上传并返回结果，但图片插入错误时触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
        },
        error: function (xhr, editor) {
            // 图片上传出错时触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
        },
        timeout: function (xhr, editor) {
            // 图片上传超时时触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
        },

        // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
        // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
        //     customInsert: function (insertImg, result, editor) {
        //         // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
        //         // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果
        //
        //         // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
        //         var url = result.url
        //         insertImg(url)
        //
        //         // result 必须是一个 JSON 格式字符串！！！否则报错
        //     }
    }

    //上传图片的错误提示默认使用alert弹出，你也可以自定义用户体验更好的提示方式
    editor.customConfig.customAlert = function (info) {
        // info 是需要提示的内容
        alert('自定义提示：' + info)
    }
    editor.customConfig.onchange = function (html) {
        // html 即变化之后的内容
        document.getElementById("ed").value=html;
    }
    editor.create()



    /*<![CDATA[*/
        editor.txt.html([[${news.html}]]);
    /*]]>*/

    var uploading = false;

    $("#file").on("change", function(){
        if(uploading){
            alert("文件正在上传中，请稍候");
            return false;
        }
        $.ajax({
            url: "http://120.79.249.39:9999/photo/uploadImg",
            type: 'POST',
            cache: false,
            data: new FormData($('#form1')[0]),
            processData: false,
            contentType: false,
            dataType:"json",
            beforeSend: function(){
                uploading = true;
            },
            success : function(data) {
                if (data) {
                    $("#img").attr("src", data);
                    document.getElementById("image").value=data;
                } else {

                }
                uploading = false;
            }
        });
    });



</script>
<scrip
</body>
</html>